<%@ page language="java" import="com.balloon.logic.*,java.util.*,com.balloon.io.*" pageEncoding="UTF-8"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--javascript for getting database information using AJAX-->
        <script type="text/javascript" src="js/country_ajax.js"></script>
        <!--javascript for rating country part-->
        <script type="text/javascript" src="js/rating.js"></script>
        <!--Reference for Google Maps javascript -->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <!--css for arrange this page layout and color -->
        <link rel="stylesheet" type="text/css" href="css/template.css" />
        <!--css for rating country part-->
        <link rel="stylesheet" type="text/css" href="css/rating.css" />
        <title>JSP Page</title>
    </head>
    <body onload="initialize()">
        <p class="STYLE2 STYLE11"/>
        <img src="images/logo_c.png" alt="logo" width="431" height="108" />
        <span class="STYLE14">Travel with iBalloon</span>
        <div id="country"><%=request.getParameter("country")%></div>
        <div id="useremail"><%=request.getParameter("useremail")%></div>
        <div id="wrap">
            <div id="header">
            </div>
            <div id="nav"></div>
            <!--This div will be the Google Maps area -->
            <div id="main"><div id="map_canvas" style="width:100%; height:100%"></div></div>
            <!--This div will be the Useful links area -->
            <div id="sidebar">
                <h3>Userful Links</h3>
                <!--Invoke CountryDao method getCountryInformation() to get country useful links from database -->
                <%
                            Country country = new Country("Italy");
                            CountryDao.getCountryInformation(country);
                            ArrayList<String> links = country.getCountryUsefulLinks();
                            for (int i = 0; i < links.size(); i = i + 2) {
                                out.print("<ul><li>");
                                out.print("<a href=" + links.get(i) + ">" + links.get(i + 1) + "</a>" + "</li>");
                                out.print("</ul>");

                            }
                %>
            </div>
            <div id="footer">
            </div>
        </div>
    </body>
</html>
